header {
    height: 0.64rem;
    border: 0.01rem solid #D8D8D8;
    display: flex;
    align-items: center;
    position: relative;
    .ipt{
        border: 0;
    width: 2.95rem;
    height: 0.3rem;
    background:#F4F4F4 ;
    border-radius: 0.15rem;
    margin-left: 0.12rem ;
    font-size: 0.13rem;
    opacity:0.7;
    font-weight:400;
    line-height:22px;
    padding-left: 0.41rem
    
    }
    .iconfont{
        width: 0.14rem;
        height:0.14rem;
        font-size: 0.14rem;
        position: absolute ;
        left:0.23rem;
        top:0.26rem;
        color: #8E8E93;
    }
    em{
        font-size:0.14rem;
        color:#999999;
        opacity:0.6;
        margin-left: 0.41rem;
        width:0.55rem;
        height:0.2rem;
       
    }

}
article{
    
        h2{font-size: 0.17rem;
            height: 0.59rem;
            font-weight:400;
            color:rgba(43,43,43,1);
            box-sizing: border-box;
            padding:0.35rem 0 0 0.12rem;
            font-weight: 500;
            .iconfont{
                font-size: 0.12rem;
            }
            span{
                
                margin-left: 2.4rem;
                color: #999999;
                height:0.12rem;
                a{font-size:0.13rem;
                padding-left:0.04rem;
                color: #999999; }
            }
        }
        ul{
            width: 100%;
            height:1.04rem;
           display: flex;
           flex-wrap: wrap;
           margin-top: 0.22rem;
        }
        li{
            height: 0.35rem;
            font-size: 0.12rem;
            line-height:0.35rem;
            text-align: center; 
            background:#F7F7F7;
            margin: 0 0.065rem 0.12rem 0.12rem;
            box-sizing: border-box;
            padding:0 0.13rem 0 0.13rem;
           
        }
        a{
            color: #626262
        }
        .sp{
            background: #FCEDB5;
            a{
                color: #7F6232
            }
        }
        
        
}